	.container {
		height: 100%;

		.header-wrapper {
			padding-bottom: 32rpx;
			background-color: #fff;
		}

		.top-wrap {
			display: flex;
			align-items: center;
			padding-right: 48rpx;
			background-color: #fff;

			.avatar {
				width: 160rpx;
				height: 160rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 32rpx;

				image {
					width: 120rpx;
					height: 120rpx;
					border-radius: 50%;
				}
			}

			.infoWrap {
				position: relative;
				flex: 1;

				.avator-info {
					display: flex;
					align-items: center;

					.name {
						margin-right: 12rpx;
						font-weight: bold;
						font-size: 32rpx;
					}

					/deep/ .login-state {
						.uni-select {
							width: 150rpx !important;
							text-align: center;
							height: 50rpx;
							line-height: 50rpx;
							border-radius: 8rpx;
							font-weight: 400;
							font-size: 20rpx;
							color: #818181;

							border: none;

							.uni-select__selector {
								background: none;
								border: none;
								box-shadow: none;
							}

							.uni-select__selector-item {
								text-align: center;
								margin-left: 20rpx;
								width: 90rpx;
								height: 50rpx;
								line-height: 50rpx;
								background: #E7E7E7;
								margin-bottom: 16rpx;
								font-weight: 400;
								font-size: 20rpx;
								border-radius: 8rpx;
								padding: 0 0 0 10rpx;
								justify-content: center;
								position: relative;


								&:after {
									content: '';
									position: absolute;
									top: 50%;
									left: 10rpx;
									width: 12rpx;
									height: 12rpx;
									background-color: #76BD53;
									border-radius: 50%;
									transform: translateY(-50%);
								}

								&:nth-child(1) {
									background-color: #E0FAD9;
									color: #76BD53;

									&:after {
										background-color: #76BD53;
									}
								}

								&:nth-child(2) {
									background-color: #E7E7E7;
									color: #818181;

									&:after {
										background-color: #818181;
									}
								}

								&:nth-child(3) {
									background-color: #FBDAA9;
									color: #E2A548;

									&:after {
										background-color: #E2A548;
									}
								}
							}

							.uni-select__input-text {
								width: 90rpx;
								background: #E0FAD9;
								color: #76BD53;
								border-radius: 8rpx;
								margin-right: 10rpx;
								position: relative;
								padding-left: 10rpx;

								&:after {
									content: '';
									position: absolute;
									top: 50%;
									left: 10rpx;
									width: 12rpx;
									height: 12rpx;
									background-color: #76BD53;
									border-radius: 50%;
									transform: translateY(-50%);
								}
							}
						}
					}

					/deep/ .on-line-1 .uni-select__input-text {
						background-color: #E0FAD9 !important;
						color: #76BD53 !important;

						&:after {
							background-color: #76BD53 !important;
						}
					}

					/deep/.on-line-0 .uni-select__input-text {
						background-color: #E7E7E7 !important;
						color: #818181 !important;

						&:after {
							background-color: #818181 !important;
						}
					}

					/deep/.on-line-2 .uni-select__input-text {
						background-color: #FBDAA9 !important;
						color: #E2A548 !important;

						&:after {
							background-color: #E2A548 !important;
						}
					}
				}

				.id_info {
					font-size: 24rpx;
				}

				.setting {
					position: absolute;
					top: 0;
					right: 0;
				}

			}



		}

		.login-now {
			font-size: 40rpx;

		}

		.priceWrap {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			padding-right: 58rpx;
			background-color: #fff;

			.price {
				font-weight: 500;
				font-size: 28rpx;
				line-height: 48rpx;
				color: #000000;
				width: 96rpx;
				text-align: center;
			}

			.title {
				font-size: 20rpx;
				line-height: 28rpx;
				color: #B3B3B3;
			}
		}

		/deep/ .contentWrap {
			margin: 32rpx 32rpx 20rpx;

			.video {
				background-color: #fff;

				// margin-bottom: 32rpx;
				.content {
					display: flex;
					padding: 32rpx 30rpx;
					border-top: 0.5px solid #E6E6E6;
					width: 100%;
					overflow: auto;

					.img_wrap {
						position: relative;

						.play-bg {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
							width: 88rpx;
							height: 88rpx;
						}

						.play-triangle {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
							width: 28rpx;
							height: 28rpx;
						}
					}

					.item {
						width: 200rpx;
						margin-right: 8rpx;

						image,
						video {
							width: 200rpx;
							height: 144rpx;
							margin-right: 28rpx;
						}

						.img_title {
							font-size: 24rpx;
							// 两行显示省略号
							display: -webkit-box;
							-webkit-line-clamp: 2;
							/* 行数 */
							-webkit-box-orient: vertical;
							/* 垂直方向 */
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}

				}
			}

			.uni-list {
				margin-bottom: 32rpx;
			}

			.list {
				border-radius: 16rpx;

				// margin-bottom: 32rpx;
				.uni-list-item {
					font-weight: 500;
					font-size: 28px;
					border-radius: 32rpx;
					// line-height: 100rpx !important;
				}

				.content {
					.uni-list-item {
						border-radius: 0;
					}

					/deep/.uni-list--lg {
						width: 120rpx;
						height: 120rpx;
					}

					/deep/.uni-list-item__content-title {
						font-weight: 600;
						font-size: 32rpx;
						line-height: 44rpx;
					}

					/deep/.uni-list-item__content-note {
						font-weight: 400;
						font-size: 12px;
						line-height: 17px;
					}
				}
			}
		}

		.uni-collapse-item {
			background-color: #fff;

			.uni-collapse-item__title {
				border-radius: 16rpx;
			}
		}
	}